<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		 <meta name="viewport" content="width=750, user-scalable=no, target-densitydpi=device-dpi">
		<title></title>
	</head>
	<style>
		body {
			padding: 0;
			margin: 0;
		}

		.aaa {
			width: 46.875rem;
			height: 3.125rem;
			background-color: #0000FF;
			display: flex;
			justify-content: space-between;
			font-size: 1rem;
		}
	</style>
	<body>
		<div class="aaa">
			<p>苏苏hh</p>
			<p>zhuhh</p>
		</div>
	</body>
	<script>
		(function(doc, win) {
			var docEl = doc.documentElement,
				resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
				recalc = function() {
					var clientWidth = docEl.clientWidth;
					if (!clientWidth) return;
					if (clientWidth >= 640) {
						docEl.style.fontSize = '100px';
					} else {
						docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
					}
				};

			if (!doc.addEventListener) return;
			win.addEventListener(resizeEvt, recalc, false);
			doc.addEventListener('DOMContentLoaded', recalc, false);
		})(document, window);
	</script>
</html>
